<template>
	<!-- 顶部搜索栏 -->
	<div>
		<el-row class="headernav">
			<el-col :span="4"><div class="logo"></div></el-col>
			<el-col :span="16"><el-input prefix-icon="el-icon-search" placeholder="请输入内容" ></el-input></el-col>
			<el-col :span="4"><span  @click="scan" class="iconfont icon-scan scan"></span></el-col>
		</el-row>
	</div>


</template>

<script>
	export default {
		name:'headernav',
		data(){
			return{
				scan:function(){
					alert('扫一扫');
				}
			}
		}
		
	}
</script>




<style scoped>
	
	.headernav{
		padding-top: 10px;
	}

	.logo{
		background-image: url('../assets/images/logo.png');
		background-repeat: no-repeat;
		background-size: 46px 23px;
		height:25px;
		width: 51px;
		margin:8px auto;
	}

	.scan{
		line-height: 40px;
		height: 40px;
		display: inline-block;
		font-size: 2em;
		font-weight: bold;
	}

</style>